@charset "utf-8";
/* CSS Document */

/*COLORS*/ 
/*

Main green: 03ba5a
Border green: 006600


*/
body {
	background: #CCF;
	color : black;
	font-family: "Century Gothic", "Courier New", Courier, monospaceArial;
}

h1 {
	font-size: 14px;
	font-weight: bold;	
}

.mainFrame {
	width: 850px;
	background:white;
	border-radius: 5px;
	margin: auto; /* makes it to center */
	padding: 15px;
}

.header {
	background:url(../images/elso_felso_800.JPG);	
	width: 800px;
	height: 133px;
	margin: auto; /* makes it to center */
	
}

.greenRoundedBorder {
	border-radius: 6px;
	border-color: #060;
	border-style:solid;
	border-width:2px;	
}

.menuBar {
	background: #229318;
	background: -moz-linear-gradient(top,  #229318 0%, #2fb022 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#229318), color-stop(100%,#2fb022));
	background: -webkit-linear-gradient(top,  #229318 0%,#2fb022 100%);
	background: -o-linear-gradient(top,  #229318 0%,#2fb022 100%);
	background: -ms-linear-gradient(top,  #229318 0%,#2fb022 100%);
	background: linear-gradient(top,  #229318 0%,#2fb022 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229318', endColorstr='#2fb022',GradientType=0 );

	width: 800px;
	height : 30px;
	margin: auto; /* makes it to center */
	color: #FFF;
}

.menuBar A:link {
	text-decoration: none;
	 color: white;
}

.menuBar A:visited {text-decoration: none; color: white;}
.menuBar A:active {text-decoration: none;color: white;}
.menuBar A:hover {text-decoration: none;color: white;}

ul.mainMenuItems {
	padding: 0px;	
	margin: 0px;
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
}

ul.mainMenuItems li {
	float: left;	
	list-style: none;
	position: relative;
	border-right: 1px solid #229318;
	border-left: 1px solid #2fb022;
}

ul.mainMenuItems li a {
	cursor: pointer;
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 5px;
	margin-right: 8px; /* fixing unwanted spacing between menu items */
}

ul.mainMenuItems li ul a {
	width: 150px;	
}

/*
ul.menuItemBasic li {
	background: #11561c;
	background: -moz-linear-gradient(top, #11561c 0%, #2ead20 14%, #1e8e16 85%, #00bf62 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11561c), color-stop(14%,#2ead20), color-stop(85%,#1e8e16), color-stop(100%,#00bf62));
	background: -webkit-linear-gradient(top, #11561c 0%,#2ead20 14%,#1e8e16 85%,#00bf62 100%);
	background: -o-linear-gradient(top, #11561c 0%,#2ead20 14%,#1e8e16 85%,#00bf62 100%);
	background: -ms-linear-gradient(top, #11561c 0%,#2ead20 14%,#1e8e16 85%,#00bf62 100%);
	background: linear-gradient(top, #11561c 0%,#2ead20 14%,#1e8e16 85%,#00bf62 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11561c', endColorstr='#00bf62',GradientType=0 );
}
*/

.menuBar li:hover {
	background: #22c932;
	background: -moz-linear-gradient(top,  #22c932 0%, #47f42d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22c932), 	color-stop(100%,#47f42d));
	background: -webkit-linear-gradient(top,  #22c932 0%,#47f42d 100%);
	background: -o-linear-gradient(top,  #22c932 0%,#47f42d 100%);
	background: -ms-linear-gradient(top,  #22c932 0%,#47f42d 100%);
	background: linear-gradient(top,  #22c932 0%,#47f42d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22c932', endColorstr='#47f42d',GradientType=0 );

}

/* POP UP STUFF */ 
.mainMenuItems A:link {
	text-decoration: none;
	 color: white;
}

#popUpMenu A:visited {text-decoration: none; color: white;}
#popUpMenu A:active {text-decoration: none;color: white;}
#popUpMenu A:hover {text-decoration: none;color: white;}

ul.sub-menu {
	display: none;
	background: #44ed2b;
	top: 30px;
	left: 0px;
	position: absolute; 
	z-index:2 ;
	list-style: none;
	border-radius: 0px 0px 5px 5px;
	margin: 0px;
	padding: 0px;
}

ul.sub-menu  li{
	margin-bottom: 0px;
	background:#0C0;
  	border: 1px solid #390;	
	/* width: 100px; */
	width: 100%;
}

#popUpMenu  a{
	margin-left: 8px;
	margin-right: 8px;	
}

#main_content {
	position: relative;
	background-color: #03ba5a;
	width: 800px;
	vertical-align:top;
	
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	
	margin: auto; /* makes it to center */	
	padding-top: 30px;
}

#content {
	background-color: #FFF;
	display: inline-block;
	position: relative;
	width:574px;
	padding: 20px;
	border-radius: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
	min-height: 400px;
}

#isoLogo_1 {
	width: 144px;
	height: 88px;
	background:url(../images/iso_logo_9001_small.JPG);
	position: absolute;
	bottom: 20px;
	left: 14px;	

}

#isoLogo_2 {
	width: 144px;
	height: 88px;	
	background:url(../images/iso_logo_14001_small.jpg);
	position: absolute;
	bottom: 120px;
	left: 14px;	
}

#left-side {
	width: 170px;
	background: #03ba5a;
	display: inline-block;
	padding-top: 20px;
	vertical-align:top;
}

#sub-menu {
	left:  163px;
	top: -16px;
	background: #2ba81e;
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	margin: auto; /* makes it to center */	
	margin-bottom: 20px;
	
	/* border */
	border-radius: 6px;
	border-color: #060;
	border-style:solid;
	border-width:2px;	
}


#sub-menu-items ul {
	list-style: none;
	padding: 0px;
	margin: 0px;	
}

#sub-menu-items A:link {
	font-size: 13px;
	text-decoration: none;
	color: white;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 15px;	
	padding-left: 10px;
	display: inline-block;
}

#sub-menu-items A:visited {text-decoration: none; color: white;}
#sub-menu-items A:active {text-decoration: none;color: white;}
#sub-menu-items A:hover {text-decoration: none;color: white;}

.sub-menu-item {
	padding-left: 5px;
	padding-top: 5px;	
	
	border-right: 1px solid #060;
	border-left: 1px solid #0C0;
	
	float: left;
	text-decoration: none;
}

.sub-menu-item-first {
	border-left: none;	
}

.sub-menu-item-last {
	border-right: none;
}

.sub-menuItemOver {
	background: #060;	
}

#sub-menu-header {
	background: #060;	
	color: white;
}

#left-side-topImage {
	background:url(../images/oszlop.jpg);		
	width: 145px;
	height: 200px;	
	margin: auto; /* makes it to center */	
}

#footer {
	font-size: 14px;
	width: 790px;
	text-align: center;
	background: #03BA5A;
	color: white;
	margin:  auto; /* makes it to center */	
	margin-top: 18px;
	padding: 5px;	
}

/* MUNKATÁRSAK */

.employe-card {
	position: relative;
	display: inline-block;
	border-color: green;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	width: 465px;
	margin-left: 30px;
	margin-bottom: 20px;
}

.employe-header {
	background: green;
	height: 30px;
	color: white;
	cursor: pointer;
}

.employe-name {
	margin-bottom: 0px;
	margin-top: 4px;
	margin-left: 9px;
	display: inline-block;
}

.employe-rang {
	float: right;
	margin-top: 4px;
	margin-right: 9px;
}

.employe-tel {
	margin-top: 15px;
	margin-left: 9px;
	margin-bottom: 8px;
}

.employe-email {
	margin-top: 4px;
	margin-left: 9px;
	margin-bottom: 44px;
}

.employe-facePic {
	
	position: absolute;
	display: inline-block;
	
	bottom: 5px;
	right: 5px;
	
	width: 90px;
	height: 90px;
	
	display: inline-block;
	border-color: green;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
}

img.iso-medimg {
	display: block;
	/* border */
	border-radius: 6px;
	border-color: #060;
	border-style:solid;
	border-width:2px;	
		
	margin:  auto; /* makes it to center */	
}

/* SZOLGALTATAS STUFFS */

.szolgaltatas-header {
	background-color: green;
	position: relative;
	color : white;
	padding: 3px;	
	cursor: pointer;
}

.szolgaltatas-box {
	border:2px solid green;
	border-radius: 5px 5px 0 0;
	margin-bottom: 15px;
}

.szolgaltatas-body {
	padding: 10px;	
}

.szolgaltatas-arrow-close {
	background-image: url(../images/assets/arrow.png);
	display: inline-block;
	vertical-align: bottom;
	width: 20px;
	height: 20px;
}

.szolgaltatas-arrow-open {
	background-image: url(../images/assets/arrow.png);
	background-position: 20px 0px;
	display: inline-block;
	vertical-align: bottom;
	width: 20px;
	height: 20px;
}

.szolgaltatas-button {
	position: absolute;
	top: 3px;
	right: 5px;
	text-decoration: underline;
}

.szolgaltatas-floatpic {
	float:right; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;
}

/* ELÉRHETŐSÉGEK */
#contact {
	//border:2px solid #060;
}

.contact-item {
	font-size: 14px;	
	vertical-align: middle;
	margin-bottom: 7px;
}

.contact-picture {
	width: 32px;
	height: 32px;
	vertical-align: middle;	
}

.mapLink {
	color: #666;
	font-size: 14px;
}

/* AJANLATKERES */ 
#contact-form {
	margin-top: 15px;	
}

.field {
	position: relative;
	margin-bottom: 4px;
}

#contact-form input {
	position:absolute;
	right: 20px;
	width: 270px;
}

#contact-form select {
	position:absolute;
	right: 20px;
	width: 274px;
}

#text-area {
	width: 548px;	
	display: block;
}

#submit-button {
	position:static !important;
	width: 70px !important;
}

/* REFERENCIÁK */
.reference {
	border: solid 1px #006600;	
	border-radius: 5px;
	background: #c7ffba;
}

.reference-line {
	margin-top: 8px;	
}

.reference-last {
	margin-bottom: 8px;		
}

.reference-subject {
	display: inline-block;
	//background: pink;
	width: 145px;
	vertical-align: top;
	margin-left: 11px;
}

.reference-subject-text {
	display: inline-block;
	//background: brown;
	width: 300px;
}

.reference-name {
	height: 27px;
	background: green;
	text-align: center;
	color: white;
	padding-top: 4px;	
}

.reference-image {
	float: right;
	margin-top: 8px;
	margin-right: 8px;
}